<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流程控制</title>
</head>
<body>
<script>
    // 1.顺序结构 从上向下依次执行
    console.log(1);
    console.log(2);
    console.log(3);
    console.log(4);

    // 2.分支结构 按照要求执行
    if ('3'<'10') {
        console.log('\'3\'<\'10\'比较的是数值3<10');
    } else {
        console.log('\'3\'<\'10\'比较的是编码51<49');
    }

    // 3.选择分支
    let gender = 1;
    switch (gender) {
        case 1 :
            console.log('男');
            break;
        case 0 :
            console.log('女');
            break;
        default :
            console.log('格式错误');
            break;
    }

    // 4.循环结构
    let names = ['张三','李四','王五','赵六','钱七'];
    // 数组的遍历 - 注意数据类型
    for (let i =0 ;i<names.length ;i++) {
        console.log(names[i]);
    }
    console.log(i);// 此时打印不出结果 因为let声明的变量可以看作局部变量

    for (var o =0 ;i<names.length ;i++) {
        console.log(names[o]);
    }
    console.log(o);// 此时可以打印出结果 因为var声明的变量可以看作全局变量

    // 5.增强for循环
    // names: 表示当前要遍历的集合/数组
    // n: 表示本轮循环取出的内容 即本轮遍历循环遍历到的集合/数组中所有元素
    // of: 相当于java中增强for循环的":"
    for (let n of names) {
        console.log(n);
    }
</script>
</body>
</html>